<template>
    <div class="container-home">
        <el-container>
            <el-header >
                <MyHearder />
            </el-header>
            <el-main>
                <div class="main-div">
                    <router-view />
                </div>
            </el-main>
            <el-footer>

            </el-footer>
        </el-container>
    </div>
</template>
​
<script setup>
// 导入Store
import MyHearder from "../components/MyHearder.vue";
</script>

<style lang="scss" scoped >
.container-home{
    background-color: var(--el-bg-color-page);
}
.el-header{
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    padding:0;
    margin: 0;
}
.el-main{
    position: relative;
    top: 60px;
    padding:0 ;
}
.main-div{
    // max-width: 1400px;
    // min-width: 500px;
    // margin: 0 auto;

    @media (max-width: 600px) {
        padding-bottom: 100px;
    }

}
</style>